@charset "utf-8";

/*
Theme Name: xinyiwa
Theme URI: http://www.xinyiwa.com/
Description: 心怡哇,一个女生的网站
Version: 1.0
Author: xinyiwa
Author URI: http://www.xinyiwa.com/
Tags: 标签，多个用半角逗号隔开
*/

/************************************************************************/
/* body */
* { margin: 0px; padding: 0px; }
body { background-color: #F2F2F2; word-wrap: break-word; font-size: 14px; line-height: 1.7; color: #6B6B6B; font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif, "Microsoft Yahei Light", "Microsoft Yahei"; }
a { color: #5E5E5E; text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
a:hover { color: #FF3366; text-decoration: none; }
ol, ul { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { color: #666; font-weight: 700; }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 13px; }

/* tong yong */
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; font-size: 0; line-height: 0;}
* html .clearfix { height: 1%; }
.clear{ overflow:hidden; clear:both; }
.right{float:right;}  /* float right */
.left{float:left;}    /* float left */
.wrap{ width: 980px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
#searchForm, .read a, .medium, .button, #contact_form input#name, #contact_form input#email, #contact_form input#subject, #contact_form textarea, #commentform input, #commentform textarea { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; position:relative; }
.grid, .grid_1 { overflow: hidden; width: auto; padding-top: 20px; padding-bottom: 20px; }
.grid_1 { background-color: #FFF; padding-right: 20px; padding-left: 20px; }
.bor { border: 1px solid #CCC; }
.bom { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D8D8D8; }
.bt { margin-top: 20px; }
.links { height: 100px; overflow: hidden; }
/* button bgcolor */
.but, .read a, #commentform .comment a{ background-color: #FF4A78; }
.paper .clearfix a:hover, .read a:hover, #commentform .comment a:hover { background-color: #FF537E; }
.fixed { top: 10px; }   /* float */
.#crumbs { height: 22px; margin-top: 5px; margin-bottom: 18px; } /* tag crumbs */

/************************************************************************/
/* header */
#header { overflow: hidden; background-color: #2f353e; height: 66px; }
/* logo */
.logo { background-image: url(./images/logo.png); background-repeat: no-repeat; width: 135px; height: 66px; }
.logo h1, .logo h2 { font-size: 0px; text-indent: -999px; }
.logo a { display: block; height: 66px; width: 135px; }
/* nav */
.nav { margin-left: 30px; }
.nav li { float: left; }
.nav li a { font-size: 16px; line-height: 66px; font-weight: bold; color: #FFF; margin-right: 15px; margin-left: 15px; }
.nav li a:hover { color: #F36; }
/* search */
.search { height: 66px; width: 305px; overflow: hidden;}
#searchForm { background-color: #FFF; height: 32px; overflow: hidden; margin-top: 15px; }
fieldset { border: 1px solid #ccc; }
#s, #searchsubmit { margin: 0px; float: left; }
#s { font-size: 15px; height: 32px; line-height: 32px; width: 260px; border: none; outline: medium none; padding-left: 5px; }
#searchsubmit { text-indent: -9999px; background: url('./images/search.gif') no-repeat; width: 36px; height: 32px; border: none; cursor: pointer; overflow: hidden; }

/* content */
#content { margin-top: 25px; overflow: hidden; }
.mt { width: 980px; height: 477px; overflow: hidden; margin-bottom: 25px; }
/* slide left */
.hl { height: 475px; width: 348px; }
/* mid */
.hm, .hr { height: 475px; width: 295px; margin-left: 20px; }
.hm h3 { height: 35px; padding-left: 15px; width: 280px; line-height: 35px; background-color: #E7E7E7; }
.hm ul { display: block; height: 446px; width: 295px; overflow: hidden; background-color: #fff; }
.hm ul li { height: 29px; padding-left: 20px; overflow: hidden; background-repeat: no-repeat; background-position: 0px -28px; background-image: url(./images/icon.gif); }
.hm ul li a { line-height: 29px; }
/* right */
.ddt { background-color: #fff; height: 80px; width: 295px; overflow: hidden; }
.ddt a { display: block; height: 80px; width: 50px; text-align: center; float: left; margin-left: 24px; margin-right: 24px; }
.ddt a i { height: 45px; width: 45px; display: block; margin-top: 5px; }
.icon1 { background-image: url(./images/icon.gif); background-repeat: no-repeat; background-position: 0px -120px; }
.icon2 { background-image: url(./images/icon.gif); background-repeat: no-repeat; background-position: 0px -65px; }
.icon3 { background-image: url(./images/icon.gif); background-repeat: no-repeat; background-position: 0px -170px; }
.bulletin { background-color: #FFF; height: 55px; width: 295px; overflow: hidden; }
.bulletin p { line-height: 25px; height: 50px; margin-top: 5px; padding-left: 27px; background-image: url(./images/icon.gif); background-repeat: no-repeat; background-position: -45px 0px; padding-right: 5px; }
.ad { background-color: #FFF; height: 300px; width: 295px; overflow: hidden; background-image: url(./images/adbg.gif); background-repeat: no-repeat; }
.ad a { display: block; height: 300px; width: 295px; }

/* main */
.main { width: 665px; overflow: hidden; float: left; }
.wz { height: 35px; padding-left: 15px; line-height: 35px; background-color: #E7E7E7; display: block; overflow: hidden; }
.list { background-color: #FFF; width: 665px; overflow: hidden; margin-bottom: 35px; padding-top: 20px; padding-bottom: 20px; }
.img { float: left; height: 300px; width: 295px; overflow: hidden; }
.post { margin-right: 2px; float: right; width: 360px; }
.post h4 { line-height: 22px; font-weight: bold;  width: 360px; overflow: hidden; }
.title { height: 22px; margin-bottom: 7px; margin-top: 3px; }
.post h4 a { color: #00b4ff; font-size: 18px; }
.post h4 a:hover { color: #f36; }
.sub { height: 20px; }
.sub span { font-size: 13px; color: #999; line-height: 20px; float: left; margin-left: 5px; display: block; width: auto; margin-right: 5px; }
.sub span a { color: #999; }
.sub i { display: block; height: 20px; width: 20px; overflow: hidden; float: left; }
.user { background-image: url(./images/icon.gif); background-repeat: no-repeat; background-position: 0px -222px; }
.date { background-image: url(./images/icon.gif); background-repeat: no-repeat; background-position: -25px -222px; }
.chat { background-image: url(./images/icon.gif); background-repeat: no-repeat; background-position: 0px -245px; }
.tag { background-image: url(./images/icon.gif); background-repeat: no-repeat; background-position: -25px -245px; }
.summary { line-height: 30px; height: 210px; width: 350px; }
.read { height: 30px; width: 85px; text-align: center; margin-right: 15px; }
.read a { color: #fff; line-height: 30px; display: block; margin-top: 10px; }
.read a:hover { color: #353535; }

/* sidebar */
.sidebar { float: right; width: 295px; overflow: hidden; }
.sidebar h3 { height: 35px; padding-left: 15px; width: 295px; line-height: 35px; background-color: #E7E7E7; display: block; }
.groom, .tab, .tags { background-color: #FFF; width: 295px; overflow: hidden; }
.groom { background-color: #FFF; overflow: hidden; height: auto; }
.groom li { margin-bottom: 5px; margin-top: 0px; }
.groom li img { margin: 0px; padding: 0px; }
.tab ul { display: block; height: auto; width: 295px; overflow: hidden; background-color: #fff; padding-top: 10px; padding-bottom: 10px; }
.tab ul li { height: 29px; padding-left: 20px; overflow: hidden; background-repeat: no-repeat; background-position: 0px -28px; background-image: url(./images/icon.gif); }
.tab ul li a { line-height: 29px; }
.tags strong { padding-top: 10px; padding-bottom: 10px; display: block; }
.tags strong a { line-height: 25px; text-align: center; height: 25px; font-weight: normal; margin-right: 12px; margin-left: 12px; }

/* link */
.link { margin-top: 35px; overflow: hidden; height: 75px; }
.link a { margin-right: 15px; margin-left: 15px; display: inline; }

/* footer */
#footer { height: 100px; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; overflow: hidden; padding-top:10px; }
.logobg { background-image: url(./images/logobg.png); background-repeat: no-repeat; width: 135px; height: 66px; }
.logobg a { display: block; width: 135px; height: 66px; }
.pro { margin-left: 22px; margin-top: 15px; }
.pro p { height: 22px; font-size: 13px; }
.pro i { margin-right: 15px; margin-left: 15px; line-height: 25px; }

/************************************************************************/
/* page style *//* style 1 */  
.paging, .pagenavi { text-align:center; margin-top: 20px; margin-bottom: 20px; overflow: hidden; width: 100%; }
/*.paging span, .page-numb { height: 25px; margin-left: 5px; color: #FFF; display: block; float: left; line-height: 25px; text-align: center; padding-right: 10px; padding-left: 10px; }
.paging span .current { background-color: #FFFFFF; color: #666; }
.paging a:hover span { color: #353535; }*/
/* style 2 */
.paging a, .pagenavi a span, .pagenavi span { height: 36px; border: 1px solid #DDD; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-decoration: none; line-height: 36px; margin: 2px; padding: 6px 11px; background-color: #FFF;  font-weight: bold; }
.paging a, .pagenavi a span { color: #FF4A78; }
.paging a:hover,.paging a.current, .pagenavi span, .pagenavi span:hover { border: 1px solid #FF9900; color: #666666; }

/* slide show */
#focus { position: relative; height: 475px; width: 348px; }
#focus .bd { position: relative; } 
#focus .focus-bar-box { width: 100%; height: 100%; position: relative; overflow: hidden; }
#focus .focus-bar { width: 35px; }
#focus .focus-bar li { float: left; width: 348px; height: 475px; }
#focus .focus-bar li a { width: 100%; height: 100%; display: block; }
#focus .ft { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 40px; }
/* slide titlebg */
#focus .ftbg { position: absolute; top: -50px; left: 0; z-index: -1; width: 348px; height: 40px; background: #000; opacity: .6; filter: alpha(opacity=60); }
#focus .change { position: absolute; right: 0; bottom: 15px; height: 10px; }
#focus .change a { float: left; width: 10px; height: 10px; margin-right: 10px; background: url(./images/btn-normal.png) no-repeat; _background: 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="./images/btn-normal.png");
cursor: pointer; }
#focus .change a.on { background: url(./images/btn-active.png) no-repeat; _background: 0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image, src="./images/btn-active.png");
}
/* slide title */
#focus .hd { position: absolute; left: 0px; z-index: 2; width: 348px; height: 40px; bottom: 50px; }
#focus .focus-title { overflow: hidden; position: absolute; top: 0; left: 0; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; padding-top: 0; padding-right: 14px; padding-bottom: 0; padding-left: 20px; }
#focus .focus-title a { display: none; color: #fff; }
#focus a:hover { color: #FF3366; }

/************************************************************************/
/* Tags.php */
.posts, .entry { padding-left: 15px; float: left; width: 650px; overflow: hidden; }
.posts { line-height: 35px; background-color: #E7E7E7; height: 35px; font-size: 18px; }
.entry { background-color: #FFF; padding-top: 15px; padding-bottom: 15px; }
.entry a { line-height: 35px; height: 35px; margin-right: 15px; margin-left: 15px; }

/* Single.php */
.plr { padding-right: 20px; padding-left: 20px; width: 625px; }
.paper {  width: 625px; }
.pmt { text-align: center;margin-top:18px;  margin-bottom: 18px; }
.pmt h3 { font-size: 20px; line-height: 30px; color: #FF4A78; height: 30px; font-weight: bold; }
.pmc { display: inline-block; }
.paper p { line-height: 30px; }
.paper p img { margin-top: 15px; margin-bottom: 15px; }
.button {padding-top: 5px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; }
.but { color: #FFF; display: block; }
.paper .clearfix a:hover.button { color: #353535; }

/* comments.php */
.dot { overflow: hidden; padding-right: 15px; padding-left: 15px; }
.commentlist, #commentform { background-color: #FFF; padding-top: 23px; padding-bottom: 23px; overflow: hidden; }
.decmt-box, .comment { overflow: hidden; margin: 20px; }
.comment { width: 625px; }
.gravatar { float: left; width: 60px; padding: 0px 10px 0 0; text-align: center; }
.gravatar img { display: block; padding: 5px; padding-left: none; margin-bottom: 0px; }
.comment_content { float: left; width: 555px; }
.commentmetadata { float: right; margin-top: 5px; color: #999; }
.comment-reply-link { text-decoration: none; font-size: 10px; }
.author_name { font-style: normal; font-size: 15px; float: left; color: #F36; margin-top: 5px; }
.comment_text { clear: both; margin-top: 10px; }
.comment_text em { font-style: normal; color: #CCC; }
.comment_text p { color: #333; }
.comment-reply-link { text-align: center; display: block; }

/* Contact.php */
p.error { margin-left: 140px; margin-top: 10px; }
#contact_form ul { float: left; }
#contact_form ul li { margin: 10px 0; list-style: none; position: relative; clear: both; }
#contact_form label { line-height: 35px; width: 100px; text-align: right; float: left; margin-right: 10px; }
#contact_form input#name, #contact_form input#email, #contact_form input#subject, #contact_form textarea { float: left; padding: 8px; border: 1px solid #CCCCCC; margin-left: 10px; background: #fcfcfc; }
#contact_form input#name, #contact_form input#email, #contact_form input#subject { width: 300px; }
#contact_form textarea { width: 585px; height: 150px; resize: none; }
#contact_form input.button { float: right; }

/* Comment Form */
#commentform ul { float: left; }
#commentform ul li { margin: 10px 0; list-style: none; position: relative; clear: both; }
#commentform label { line-height: 35px; width: 100px; text-align: right; float: left; margin-right: 10px; }
#commentform input, #commentform textarea { float: left; padding: 8px; border: 1px solid #CCCCCC; margin-left: 10px; background: #fcfcfc; }
#commentform input { width: 300px; }
#commentform textarea { width: 585px; height: 150px; resize: none; }
.medium { float: left; margin-left: 10px; height: 35px; width: 100px;}
#commentform .comment a { text-align: center; line-height: 35px; color: #FFF; }
#commentform .comment a:hover { color: #353535; }

/* page.php */
.caption { color: #494949; text-shadow: 1px 1px 1px #cfcfcf; font-size: 23px; line-height: 30px; font-weight: normal; margin-left: 20px; }
.post-password-form { margin-top: 15px; margin-bottom: 15px; }
.post-password-form p { margin-top: 5px; }

/* full_width.php */
.grid_1 p { margin-top: 5px; }

/* archive.php */
.string { width: 80px; text-align: center; background-color: #FFF; overflow: hidden; padding-right: 15px;  padding-left: 15px;  padding-bottom: 20px; }
.sort_by { margin-top: 20px; margin-bottom: 20px; }
.h4 { color: #F36; }
.grid_2 { background-color: #FFF; width: 540px; overflow: hidden; margin-bottom: 35px; padding-top: 20px; padding-bottom: 20px;}
.img1 { float: left; height: 180px; width: 170px; overflow: hidden; }

/* search.php */
.entr { background-color: #FFF; padding: 15px; }
.entr li { overflow: hidden; width: 635px; height: 40px; }
.entr li a { font-size: 15px; line-height: 40px; }

/* 404.php */
#part { min-height: 380px; overflow: hidden; margin-top: 25px; margin-bottom: 25px; 
background-image: -webkit-radial-gradient(circle at center, rgb(253, 253, 253),rgb(240, 240, 240));
background-image: radial-gradient(circle at center, rgb(253, 253, 253),rgb(240, 240, 240)); }
#part .part-404{ text-align: center; font-family: Tahoma; }
h1.part-404{ line-height: 125px; font-size: 100px; }
p.part-404{ color: #137ECE; font-size: 24px; line-height: 30px; }
